/*****************************************公共样式***************************************/
/*****引入字体******/
/*@font-face {
	font-family:'pingfang';
	src: url('../fonts/PingFang Regular.ttf');
}*/
/*@font-face {
	font-family:'pingfangBold';
	src: url('../fonts/PingFang Bold.ttf');
}*/
/****the whole*****/
html,body {
	width:100%;height: 100%;
	margin:0;padding: 0;
	/*background:#F5F5F5;*/
	background: #FFFFFF;
	/*font-family: 'pingfang';*/
}

/*a标签*/
body a{text-decoration: none;}
body a:hover{text-decoration: none;}

ul{padding:0;}
li{margin:0;list-style: none;}

.clear{clear:both}
/*****************************************公共样式*结束**************************************/
/********************************************主体*************************************************/
/****一级布局*****/

.top{
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
}
.container{
	position: absolute;
	margin-top: 0.84rem;
	width:100%;
	height: auto;
	box-sizing: border-box;
	padding:0;
	background: #FFFFFF;
}

.nav{
	width:100%;height: 0.918rem;line-height: 0.918rem;
	padding-top: 0.2rem;
	padding-left: 0.16rem;
	/*margin-top:0.918rem;*/
	overflow-x: scroll;
	overflow-y: hidden;
	/*overflow: hidden;*/
	
	
}

.nav::-webkit-scrollbar {
    display: none;
}
.main{
	width:100%;height: 100%; 
	padding-bottom: 1.2rem;
}

.class_top,.class_se{
	height: 0.918rem;line-height: 0.918rem;
	/*margin-top:-0.918em;top:-0.45rem;*/
}
.top_center .shortline{
	position: relative;
	display: inline-block;
	width:0.18rem;
	height:0.1rem;border-top:2px solid #fff;
	margin-top:-0.3rem;top:0;
	margin-left: 0;margin-right:0;padding:0;
	
}
/*.shortline .sl{border:1px solid red;
	position: absolute;
	width:0.17rem;height: 0.455rem;
	margin-top:0;margin-left: -0.09rem;
	border-bottom: 1px solid #FFFFFF;
}*/

.top_center .arrow{
	width:0.17rem;height: auto;
	margin-left: 0.1rem;
}

/***********导航明细  分为上部和下部两个div**********/
.nav_top{
	position: fixed;
	top:0.918rem;z-index: 100;
	width:100%;height: 100%;
	background: rgba(29,29,29,0.4);
	/*background: red;*/
}
.nav_top .nav_top_text{
	position: fixed;
	top:0.918rem;z-index: 101;
	width:100%;height: auto;
	margin: 0;
	box-sizing: border-box;
	background:#ffffff;
	overflow: hidden;
	
}
.nav_top_text .classfy{
	float:left;
	width:1rem;height: 0.42rem;line-height: 0.42rem;
	/*margin-top: 0.2rem;*/
	border-radius: 1.5rem;
	background:#ffb554 ;
	color:white;
	text-align: center;
	font-size: 0.24rem;
	
}
.nav_top_text ul{
	width:100%;height: auto;
	box-sizing: border-box;
	/*padding:0 0.3rem;*/
	
}
.nav_top_text ul li{
	float:left;
	width:25%;height:0.98rem;line-height: 0.98rem;
	overflow: hidden;
	box-sizing: border-box;
	padding:0.33rem 0;
	text-align: center;
	font-size:0.26rem;
	border-bottom: 1px solid #E5E5E5;
}
.nav_top_text ul li a{
	display: block;
	width:100%;height:0.28rem;line-height: 0.28rem ;
	text-align: center;
	color:#888888;
	border-right: 1px solid #C5C5C5;
}

.nav_top_text ul li:nth-child(4) a{
	border-right:none;
}


.nav_top_text ul li .active {
	border:none;
	color:#492c19;
}

.nav_bot{
	position: relative;
	height: 0.79rem;line-height: 0.79rem;
	width:auto;
	box-sizing: border-box;
	padding-bottom:0.2rem;
	overflow-y:hidden;
	overflow-x:scroll;
	
}
.nav_bot::-webkit-scrollbar {
    display: none;
}
.nav_bot ul{position:relative;
	min-width: 8rem;width: auto;
	/*width:20rem;*/
	height: 0.59rem;line-height: 0.59rem;
	overflow-y:hidden;
	overflow-x:scroll;
}

.nav_bot .nav_bot_ul2 li{
	float:left;
	width:auto;
	height: 0.58rem;line-height: 0.58rem;
	box-sizing: border-box;
	padding-left:0.417rem;padding-right: 0.417rem;
	border-radius: 4px;
	text-align: center;
	margin-right: 0.2rem;
	font-size:0.24rem;
	color:#888888;
	background-color:#ffffff;
}
.nav_bot .nav_bot_ul2 li:not(.active){border:1px solid #C5C5C5;}
.nav_bot .nav_bot_ul2 .active {
	border:none;
	background: url(../images/goods/active_bg.png) center no-repeat;
	background-size: 100% 100%;
	color:#492c1a;
}

/***********主要内容****************/
.main .content{
	width:100%;height: auto;min-height: 5rem;
	color:#333333;
}
.main .content ul{
	width:100%;height: auto;margin:0;
	box-sizing: border-box;
	padding:0 1% 0 1%;
}
.main .content ul li{
	float:left;
	list-style: none;
	width:50%;height:4.85rem;
	margin-bottom:0.15rem;
	text-align: center;
	box-sizing: border-box;
	padding: 0 0.075rem;
	
}
.main .content ul li .item_con{
	display:inline-block;
	width:3.5rem;
	height: 4.85rem;
	border:1px solid #E5E5E5;
	box-sizing: border-box;
	background: white;
	text-align: center;
	padding:0.1rem;
}
.main .content ul li .item_con:active{background: #F5F5F5;}
.content ul li .item_con .goods_pic{
	width:3.25rem;height: 3.25rem;
	overflow: hidden;
	background: #F5F5F5;
	box-sizing: border-box;
	border:1px solid #E5E5E5;
}

.content ul li .item_con .c_name{
	width:100%;height:0.60rem;line-height: 0.3rem ;
	font-size:0.24rem;color: #333333;
	margin-top:0.17rem;
	text-align: left;
	overflow: hidden;
}
.content ul li .item_con .c_price{
	width:100%;height: 0.5rem;line-height: 0.5rem;
	margin-top:0.1rem;
	font-size:0.24rem;
	color:#f94268;
	text-align: left;
	
}
.content ul li .item_con .c_price .price{
	font-size: 0.3rem;
}
/**20121211版本 去除*/
/*.content ul li a .c_price .btn{
	float:right;
	width:0.5rem;height: 0.5rem;line-height: 0.438rem;
	background:#f5ab24;color:white ;
	font-size: 0.25rem;
	padding:0;
	padding-top:0.04rem;
	text-align: center;
	outline: none;border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}*/
.add_buy{
	float:right;
	width:0.5rem;height: 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	/*margin-right: 0.1rem;*/
	/*margin-bottom: 0.1rem;
	border-radius: 0.5rem;
	overflow: hidden;*/
	/*z-index: 99;*/
}
.add_buy .gobuy{
	width:0.5rem;height: 0.5rem;
}

/*********************蛋糕列表*结束************************/

/*返回顶部*/
#totop a img{
	width:100%;height:100%;
}

/*******no_one**********/
.no_one{
	width:100%;height: auto;
	text-align: center;
	margin-top:2.8rem;
	font-size: 0.24rem;color:#888888;
}
.no_one img{
	width:1.49rem;height: 1.29rem;
	margin-bottom: 0.28rem;
}

/*悬浮面板  开始*/
#msg{
	display: block;
	position: fixed;
	z-index: 201;
	bottom: 1.65rem;right: 0.2rem;
	width:0.82rem;height: 0.82rem;
	border-radius: 50%;
}
#msg>img{
	width:0.82rem;height: 0.82rem;
}
#msg:active img{
	background: rgba(255,255,255,0.2);
	opacity: 0.9;
}
#buycar{
	display: block;
	position: fixed;
	z-index: 201;
	bottom: 0.52rem;right: 0.2rem;
	width:0.82rem;height: 0.82rem;
	border-radius: 50%;
	overflow: hidden;
}
#buycar>img{
	width:0.82rem;height: 0.82rem;
}
#buycar:active img{
	background: rgba(255,255,255,0.2);
	opacity: 0.9;
}


/**客服弹框  开始****/
.alert_kefu{
	position: fixed;z-index: 399;
	top:0;left:0;
	background-color:rgba(20,20,20,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;height: 100%;
}
.kefu_pic{
	display: inline-block;
	width:5.9rem;height: 5.8rem;
}
.kefu_pic>img{
	width:5.9rem;height: 5.8rem;
}

/***客服弹框  结束*/